﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>Adminty - Premium Admin Template by Colorlib </title>
    <!-- HTML5 Shim and Respond.js IE10 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 10]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="#">
    <meta name="keywords" content="Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
    <meta name="author" content="#">
    <!-- Favicon icon -->
    <link rel="icon" href="..\files\assets\images\favicon.ico" type="image/x-icon">
    <!-- Google font--><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800" rel="stylesheet">
    <!-- Required Fremwork -->
    <link rel="stylesheet" type="text/css" href="..\files\bower_components\bootstrap\css\bootstrap.min.css">
    <!-- Material Icon -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\material-design\css\material-design-iconic-font.min.css">
    <!-- themify-icons line icon -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\themify-icons\themify-icons.css">
    <!-- ico font -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\icofont\css\icofont.css">
    <!-- feather Awesome -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\feather\css\feather.css">
    <!-- Style.css -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\css\style.css">
    <link rel="stylesheet" type="text/css" href="..\files\assets\css\jquery.mCustomScrollbar.css">
</head>

<body>
<!-- Pre-loader start -->
<div class="theme-loader">
    <div class="ball-scale">
        <div class='contain'>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
        </div>
    </div>
</div>
<!-- Pre-loader end -->
<div id="pcoded" class="pcoded">
    <div class="pcoded-overlay-box"></div>
    <div class="pcoded-container navbar-wrapper">

        <nav class="navbar header-navbar pcoded-header">
            <div class="navbar-wrapper">

                <div class="navbar-logo">
                    <a class="mobile-menu" id="mobile-collapse" href="#!">
                        <i class="feather icon-menu"></i>
                    </a>
                    <a href="index-1.htm">
                        <img class="img-fluid" src="..\files\assets\images\logo.png" alt="Theme-Logo">
                    </a>
                    <a class="mobile-options">
                        <i class="feather icon-more-horizontal"></i>
                    </a>
                </div>

                <div class="navbar-container container-fluid">
                    <ul class="nav-left">
                        <li class="header-search">
                            <div class="main-search morphsearch-search">
                                <div class="input-group">
                                    <span class="input-group-addon search-close"><i class="feather icon-x"></i></span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon search-btn"><i class="feather icon-search"></i></span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#!" onclick="javascript:toggleFullScreen()">
                                <i class="feather icon-maximize full-screen"></i>
                            </a>
                        </li>
                    </ul>
                    <ul class="nav-right">
                        <li class="header-notification">
                            <div class="dropdown-primary dropdown">
                                <div class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="feather icon-bell"></i>
                                    <span class="badge bg-c-pink">5</span>
                                </div>
                                <ul class="show-notification notification-view dropdown-menu" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                                    <li>
                                        <h6>Notifications</h6>
                                        <label class="label label-danger">New</label>
                                    </li>
                                    <li>
                                        <div class="media">
                                            <img class="d-flex align-self-center img-radius" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                                            <div class="media-body">
                                                <h5 class="notification-user">John Doe</h5>
                                                <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                                <span class="notification-time">30 minutes ago</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="media">
                                            <img class="d-flex align-self-center img-radius" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image">
                                            <div class="media-body">
                                                <h5 class="notification-user">Joseph William</h5>
                                                <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                                <span class="notification-time">30 minutes ago</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="media">
                                            <img class="d-flex align-self-center img-radius" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                                            <div class="media-body">
                                                <h5 class="notification-user">Sara Soudein</h5>
                                                <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                                <span class="notification-time">30 minutes ago</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="header-notification">
                            <div class="dropdown-primary dropdown">
                                <div class="displayChatbox dropdown-toggle" data-toggle="dropdown">
                                    <i class="feather icon-message-square"></i>
                                    <span class="badge bg-c-green">3</span>
                                </div>
                            </div>
                        </li>
                        <li class="user-profile header-notification">
                            <div class="dropdown-primary dropdown">
                                <div class="dropdown-toggle" data-toggle="dropdown">
                                    <img src="..\files\assets\images\avatar-4.jpg" class="img-radius" alt="User-Profile-Image">
                                    <span>John Doe</span>
                                    <i class="feather icon-chevron-down"></i>
                                </div>
                                <ul class="show-notification profile-notification dropdown-menu" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                                    <li>
                                        <a href="#!">
                                            <i class="feather icon-settings"></i> Settings
                                        </a>
                                    </li>
                                    <li>
                                        <a href="user-profile.htm">
                                            <i class="feather icon-user"></i> Profile
                                        </a>
                                    </li>
                                    <li>
                                        <a href="email-inbox.htm">
                                            <i class="feather icon-mail"></i> My Messages
                                        </a>
                                    </li>
                                    <li>
                                        <a href="auth-lock-screen.htm">
                                            <i class="feather icon-lock"></i> Lock Screen
                                        </a>
                                    </li>
                                    <li>
                                        <a href="auth-normal-sign-in.htm">
                                            <i class="feather icon-log-out"></i> Logout
                                        </a>
                                    </li>
                                </ul>

                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <!-- Sidebar chat start -->
        <div id="sidebar" class="users p-chat-user showChat">
            <div class="had-container">
                <div class="card card_main p-fixed users-main">
                    <div class="user-box">
                        <div class="chat-inner-header">
                            <div class="back_chatBox">
                                <div class="right-icon-control">
                                    <input type="text" class="form-control  search-text" placeholder="Search Friend" id="search-friends">
                                    <div class="form-icon">
                                        <i class="icofont icofont-search"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="main-friend-list">
                            <div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe" data-toggle="tooltip" data-placement="left" title="Josephin Doe">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius img-radius" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image ">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Josephin Doe</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe" data-toggle="tooltip" data-placement="left" title="Lary Doe">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-2.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Lary Doe</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="3" data-status="online" data-username="Alice" data-toggle="tooltip" data-placement="left" title="Alice">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Alice</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="4" data-status="online" data-username="Alia" data-toggle="tooltip" data-placement="left" title="Alia">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Alia</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="5" data-status="online" data-username="Suzen" data-toggle="tooltip" data-placement="left" title="Suzen">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-2.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Suzen</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Sidebar inner chat start-->
        <div class="showChat_inner">
            <div class="media chat-inner-header">
                <a class="back_chatBox">
                    <i class="feather icon-chevron-left"></i> Josephin Doe
                </a>
            </div>
            <div class="media chat-messages">
                <a class="media-left photo-table" href="#!">
                    <img class="media-object img-radius img-radius m-t-5" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image">
                </a>
                <div class="media-body chat-menu-content">
                    <div class="">
                        <p class="chat-cont">I'm just looking around. Will you tell me something about yourself?</p>
                        <p class="chat-time">8:20 a.m.</p>
                    </div>
                </div>
            </div>
            <div class="media chat-messages">
                <div class="media-body chat-menu-reply">
                    <div class="">
                        <p class="chat-cont">I'm just looking around. Will you tell me something about yourself?</p>
                        <p class="chat-time">8:20 a.m.</p>
                    </div>
                </div>
                <div class="media-right photo-table">
                    <a href="#!">
                        <img class="media-object img-radius img-radius m-t-5" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                    </a>
                </div>
            </div>
            <div class="chat-reply-box p-b-20">
                <div class="right-icon-control">
                    <input type="text" class="form-control search-text" placeholder="Share Your Thoughts">
                    <div class="form-icon">
                        <i class="feather icon-navigation"></i>
                    </div>
                </div>
            </div>
        </div>
        <!-- Sidebar inner chat end-->
        <div class="pcoded-main-container">
            <div class="pcoded-wrapper">
                <nav class="pcoded-navbar">
                    <div class="pcoded-inner-navbar main-menu">
                        <div class="pcoded-navigatio-lavel">Navigation</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-home"></i></span>
                                    <span class="pcoded-mtext">Dashboard</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="index-1.htm">
                                            <span class="pcoded-mtext">Default</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="dashboard-crm.htm">
                                            <span class="pcoded-mtext">CRM</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dashboard-analytics.htm">
                                            <span class="pcoded-mtext">Analytics</span>
                                            <span class="pcoded-badge label label-info ">NEW</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-sidebar"></i></span>
                                    <span class="pcoded-mtext">Page layouts</span>
                                    <span class="pcoded-badge label label-warning">NEW</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" pcoded-hasmenu">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Vertical</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class=" ">
                                                <a href="menu-static.htm">
                                                    <span class="pcoded-mtext">Static Layout</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-header-fixed.htm">
                                                    <span class="pcoded-mtext">Header Fixed</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-compact.htm">
                                                    <span class="pcoded-mtext">Compact</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-sidebar.htm">
                                                    <span class="pcoded-mtext">Sidebar Fixed</span>
                                                </a>
                                            </li>

                                        </ul>
                                    </li>
                                    <li class=" pcoded-hasmenu">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Horizontal</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class=" ">
                                                <a href="menu-horizontal-static.htm" target="_blank">
                                                    <span class="pcoded-mtext">Static Layout</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-horizontal-fixed.htm" target="_blank">
                                                    <span class="pcoded-mtext">Fixed layout</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-horizontal-icon.htm" target="_blank">
                                                    <span class="pcoded-mtext">Static With Icon</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-horizontal-icon-fixed.htm" target="_blank">
                                                    <span class="pcoded-mtext">Fixed With Icon</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class=" ">
                                        <a href="menu-bottom.htm">
                                            <span class="pcoded-mtext">Bottom Menu</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="box-layout.htm" target="_blank">
                                            <span class="pcoded-mtext">Box Layout</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="menu-rtl.htm" target="_blank">
                                            <span class="pcoded-mtext">RTL</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="navbar-light.htm">
                                    <span class="pcoded-micon"><i class="feather icon-menu"></i></span>
                                    <span class="pcoded-mtext">Navigation</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-layers"></i></span>
                                    <span class="pcoded-mtext">Widget</span>
                                    <span class="pcoded-badge label label-danger">100+</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="widget-statistic.htm">
                                            <span class="pcoded-mtext">Statistic</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="widget-data.htm">
                                            <span class="pcoded-mtext">Data</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="widget-chart.htm">
                                            <span class="pcoded-mtext">Chart Widget</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">UI Element</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-box"></i></span>
                                    <span class="pcoded-mtext">Basic Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="alert.htm">
                                            <span class="pcoded-mtext">Alert</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="breadcrumb.htm">
                                            <span class="pcoded-mtext">Breadcrumbs</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="button.htm">
                                            <span class="pcoded-mtext">Button</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="box-shadow.htm">
                                            <span class="pcoded-mtext">Box-Shadow</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="accordion.htm">
                                            <span class="pcoded-mtext">Accordion</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="generic-class.htm">
                                            <span class="pcoded-mtext">Generic Class</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="tabs.htm">
                                            <span class="pcoded-mtext">Tabs</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="color.htm">
                                            <span class="pcoded-mtext">Color</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="label-badge.htm">
                                            <span class="pcoded-mtext">Label Badge</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="progress-bar.htm">
                                            <span class="pcoded-mtext">Progress Bar</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="preloader.htm">
                                            <span class="pcoded-mtext">Pre-Loader</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="list.htm">
                                            <span class="pcoded-mtext">List</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="tooltip.htm">
                                            <span class="pcoded-mtext">Tooltip And Popover</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="typography.htm">
                                            <span class="pcoded-mtext">Typography</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="other.htm">
                                            <span class="pcoded-mtext">Other</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-gitlab"></i></span>
                                    <span class="pcoded-mtext">Advance Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="draggable.htm">
                                            <span class="pcoded-mtext">Draggable</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-grid.htm">
                                            <span class="pcoded-mtext">Grid Stack</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="light-box.htm">
                                            <span class="pcoded-mtext">Light Box</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="modal.htm">
                                            <span class="pcoded-mtext">Modal</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="notification.htm">
                                            <span class="pcoded-mtext">Notifications</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="notify.htm">
                                            <span class="pcoded-mtext">PNOTIFY</span>
                                            <span class="pcoded-badge label label-info">NEW</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="rating.htm">
                                            <span class="pcoded-mtext">Rating</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="range-slider.htm">
                                            <span class="pcoded-mtext">Range Slider</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="slider.htm">
                                            <span class="pcoded-mtext">Slider</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="syntax-highlighter.htm">
                                            <span class="pcoded-mtext">Syntax Highlighter</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="tour.htm">
                                            <span class="pcoded-mtext">Tour</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="treeview.htm">
                                            <span class="pcoded-mtext">Tree View</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="nestable.htm">
                                            <span class="pcoded-mtext">Nestable</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="toolbar.htm">
                                            <span class="pcoded-mtext">Toolbar</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="x-editable.htm">
                                            <span class="pcoded-mtext">X-Editable</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-package"></i></span>
                                    <span class="pcoded-mtext">Extra Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="session-timeout.htm">
                                            <span class="pcoded-mtext">Session Timeout</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="session-idle-timeout.htm">
                                            <span class="pcoded-mtext">Session Idle Timeout</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="offline.htm">
                                            <span class="pcoded-mtext">Offline</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                            <li class=" ">
                                <a href="animation.htm">
                                    <span class="pcoded-micon"><i class="feather icon-aperture rotate-refresh"></i><b>A</b></span>
                                    <span class="pcoded-mtext">Animations</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="sticky.htm">
                                    <span class="pcoded-micon"><i class="feather icon-cpu"></i></span>
                                    <span class="pcoded-mtext">Sticky Notes</span>
                                    <span class="pcoded-badge label label-danger">HOT</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu pcoded-trigger">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-command"></i></span>
                                    <span class="pcoded-mtext">Icons</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="icon-font-awesome.htm">
                                            <span class="pcoded-mtext">Font Awesome</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-themify.htm">
                                            <span class="pcoded-mtext">Themify</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-simple-line.htm">
                                            <span class="pcoded-mtext">Simple Line Icon</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-ion.htm">
                                            <span class="pcoded-mtext">Ion Icon</span>
                                        </a>
                                    </li>
                                    <li class="active">
                                        <a href="icon-material-design.htm">
                                            <span class="pcoded-mtext">Material Design</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-icofonts.htm">
                                            <span class="pcoded-mtext">Ico Fonts</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-weather.htm">
                                            <span class="pcoded-mtext">Weather Icon</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-typicons.htm">
                                            <span class="pcoded-mtext">Typicons</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-flags.htm">
                                            <span class="pcoded-mtext">Flags</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Forms</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-clipboard"></i></span>
                                    <span class="pcoded-mtext">Form Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="form-elements-component.htm">
                                            <span class="pcoded-mtext">Form Components</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="form-elements-add-on.htm">
                                            <span class="pcoded-mtext">Form-Elements-Add-On</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="form-elements-advance.htm">
                                            <span class="pcoded-mtext">Form-Elements-Advance</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="form-validation.htm">
                                            <span class="pcoded-mtext">Form Validation</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class=" ">
                                <a href="form-picker.htm">
                                    <span class="pcoded-micon"><i class="feather icon-edit-1"></i></span>
                                    <span class="pcoded-mtext">Form Picker</span>
                                    <span class="pcoded-badge label label-warning">NEW</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="form-select.htm">
                                    <span class="pcoded-micon"><i class="feather icon-feather"></i></span>
                                    <span class="pcoded-mtext">Form Select</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="form-masking.htm">
                                    <span class="pcoded-micon"><i class="feather icon-shield"></i></span>
                                    <span class="pcoded-mtext">Form Masking</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="form-wizard.htm">
                                    <span class="pcoded-micon"><i class="feather icon-tv"></i></span>
                                    <span class="pcoded-mtext">Form Wizard</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-book"></i></span>
                                    <span class="pcoded-mtext">Ready To Use</span>
                                    <span class="pcoded-badge label label-danger">HOT</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="ready-cloned-elements-form.htm">
                                            <span class="pcoded-mtext">Cloned Elements Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-currency-form.htm">
                                            <span class="pcoded-mtext">Currency Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-booking.htm">
                                            <span class="pcoded-mtext">Booking Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-booking-multi-steps.htm">
                                            <span class="pcoded-mtext">Booking Multi Steps Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-comment.htm">
                                            <span class="pcoded-mtext">Comment Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-contact.htm">
                                            <span class="pcoded-mtext">Contact Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-job-application-form.htm">
                                            <span class="pcoded-mtext">Job Application Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-js-addition-form.htm">
                                            <span class="pcoded-mtext">JS Addition Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-login-form.htm">
                                            <span class="pcoded-mtext">Login Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-popup-modal-form.htm" target="_blank">
                                            <span class="pcoded-mtext">Popup Modal Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-registration-form.htm">
                                            <span class="pcoded-mtext">Registration Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-review-form.htm">
                                            <span class="pcoded-mtext">Review Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-subscribe-form.htm">
                                            <span class="pcoded-mtext">Subscribe Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-suggestion-form.htm">
                                            <span class="pcoded-mtext">Suggestion Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-tabs-form.htm">
                                            <span class="pcoded-mtext">Tabs Form</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Tables</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-credit-card"></i></span>
                                    <span class="pcoded-mtext">Bootstrap Table</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="bs-basic-table.htm">
                                            <span class="pcoded-mtext">Basic Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-table-sizing.htm">
                                            <span class="pcoded-mtext">Sizing Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-table-border.htm">
                                            <span class="pcoded-mtext">Border Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-table-styling.htm">
                                            <span class="pcoded-mtext">Styling Table</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-inbox"></i></span>
                                    <span class="pcoded-mtext">Data Table</span>
                                    <span class="pcoded-mcaret"></span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="dt-basic.htm">
                                            <span class="pcoded-mtext">Basic Initialization</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-advance.htm">
                                            <span class="pcoded-mtext">Advance Initialization</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-styling.htm">
                                            <span class="pcoded-mtext">Styling</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-api.htm">
                                            <span class="pcoded-mtext">API</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ajax.htm">
                                            <span class="pcoded-mtext">Ajax</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-server-side.htm">
                                            <span class="pcoded-mtext">Server Side</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-plugin.htm">
                                            <span class="pcoded-mtext">Plug-In</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-data-sources.htm">
                                            <span class="pcoded-mtext">Data Sources</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-server"></i></span>
                                    <span class="pcoded-mtext">Data Table Extensions</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="dt-ext-autofill.htm">
                                            <span class="pcoded-mtext">AutoFill</span>
                                        </a>
                                    </li>
                                    <li class="pcoded-hasmenu">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Button</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class=" ">
                                                <a href="dt-ext-basic-buttons.htm">
                                                    <span class="pcoded-mtext">Basic Button</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="dt-ext-buttons-html-5-data-export.htm">
                                                    <span class="pcoded-mtext">Html-5 Data Export</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-col-reorder.htm">
                                            <span class="pcoded-mtext">Col Reorder</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-fixed-columns.htm">
                                            <span class="pcoded-mtext">Fixed Columns</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-fixed-header.htm">
                                            <span class="pcoded-mtext">Fixed Header</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-key-table.htm">
                                            <span class="pcoded-mtext">Key Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-responsive.htm">
                                            <span class="pcoded-mtext">Responsive</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-row-reorder.htm">
                                            <span class="pcoded-mtext">Row Reorder</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-scroller.htm">
                                            <span class="pcoded-mtext">Scroller</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-select.htm">
                                            <span class="pcoded-mtext">Select Table</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class=" ">
                                <a href="foo-table.htm">
                                    <span class="pcoded-micon"><i class="feather icon-hash"></i></span>
                                    <span class="pcoded-mtext">FooTable</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-airplay"></i></span>
                                    <span class="pcoded-mtext">Handson Table</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="handson-appearance.htm">
                                            <span class="pcoded-mtext">Appearance</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-data-operation.htm">
                                            <span class="pcoded-mtext">Data Operation</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-rows-cols.htm">
                                            <span class="pcoded-mtext">Rows Columns</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-columns-only.htm">
                                            <span class="pcoded-mtext">Columns Only</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-cell-features.htm">
                                            <span class="pcoded-mtext">Cell Features</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-cell-types.htm">
                                            <span class="pcoded-mtext">Cell Types</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-integrations.htm">
                                            <span class="pcoded-mtext">Integrations</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-rows-only.htm">
                                            <span class="pcoded-mtext">Rows Only</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-utilities.htm">
                                            <span class="pcoded-mtext">Utilities</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="editable-table.htm">
                                    <span class="pcoded-micon"><i class="feather icon-edit"></i></span>
                                    <span class="pcoded-mtext">Editable Table</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Chart And Maps</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-pie-chart"></i></span>
                                    <span class="pcoded-mtext">Charts</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="chart-google.htm">
                                            <span class="pcoded-mtext">Google Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-echart.htm">
                                            <span class="pcoded-mtext">Echarts</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-chartjs.htm">
                                            <span class="pcoded-mtext">ChartJs</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-list.htm">
                                            <span class="pcoded-mtext">List Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-float.htm">
                                            <span class="pcoded-mtext">Float Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-knob.htm">
                                            <span class="pcoded-mtext">Knob chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-morris.htm">
                                            <span class="pcoded-mtext">Morris Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-nvd3.htm">
                                            <span class="pcoded-mtext">Nvd3 Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-peity.htm">
                                            <span class="pcoded-mtext">Peity Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-radial.htm">
                                            <span class="pcoded-mtext">Radial Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-rickshaw.htm">
                                            <span class="pcoded-mtext">Rickshaw Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-sparkline.htm">
                                            <span class="pcoded-mtext">Sparkline Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-c3.htm">
                                            <span class="pcoded-mtext">C3 Chart</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-map"></i></span>
                                    <span class="pcoded-mtext">Maps</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="map-google.htm">
                                            <span class="pcoded-mtext">Google Maps</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="map-vector.htm">
                                            <span class="pcoded-mtext">Vector Maps</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="map-api.htm">
                                            <span class="pcoded-mtext">Google Map Search API</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="location.htm">
                                            <span class="pcoded-mtext">Location</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="..\files\extra-pages\landingpage\index.htm" target="_blank">
                                    <span class="pcoded-micon"><i class="feather icon-navigation-2"></i></span>
                                    <span class="pcoded-mtext">Landing Page</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Pages</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-unlock"></i></span>
                                    <span class="pcoded-mtext">Authentication</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="auth-normal-sign-in.htm" target="_blank">
                                            <span class="pcoded-mtext">Login With BG Image</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-in-social.htm" target="_blank">
                                            <span class="pcoded-mtext">Login With Social Icon</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-in-social-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Login Social With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-normal-sign-in-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Login With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration BG Image</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up-social.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration Social Icon</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up-social-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration Social With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-multi-step-sign-up.htm" target="_blank">
                                            <span class="pcoded-mtext">Multi Step Registration</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-reset-password.htm" target="_blank">
                                            <span class="pcoded-mtext">Forgot Password</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-lock-screen.htm" target="_blank">
                                            <span class="pcoded-mtext">Lock Screen</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-modal.htm" target="_blank">
                                            <span class="pcoded-mtext">Modal</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-sliders"></i></span>
                                    <span class="pcoded-mtext">Maintenance</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="error.htm">
                                            <span class="pcoded-mtext">Error</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="comming-soon.htm">
                                            <span class="pcoded-mtext">Comming Soon</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="offline-ui.htm">
                                            <span class="pcoded-mtext">Offline UI</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-users"></i></span>
                                    <span class="pcoded-mtext">User Profile</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="timeline.htm">
                                            <span class="pcoded-mtext">Timeline</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="timeline-social.htm">
                                            <span class="pcoded-mtext">Timeline Social</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="user-profile.htm">
                                            <span class="pcoded-mtext">User Profile</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="user-card.htm">
                                            <span class="pcoded-mtext">User Card</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-shopping-cart"></i></span>
                                    <span class="pcoded-mtext">E-Commerce</span>
                                    <span class="pcoded-badge label label-danger">NEW</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="product.htm">
                                            <span class="pcoded-mtext">Product</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-list.htm">
                                            <span class="pcoded-mtext">Product List</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-edit.htm">
                                            <span class="pcoded-mtext">Product Edit</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-detail.htm">
                                            <span class="pcoded-mtext">Product Detail</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-cart.htm">
                                            <span class="pcoded-mtext">Product Card</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-payment.htm">
                                            <span class="pcoded-mtext">Credit Card Form</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-mail"></i></span>
                                    <span class="pcoded-mtext">Email</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="email-compose.htm">
                                            <span class="pcoded-mtext">Compose Email</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="email-inbox.htm">
                                            <span class="pcoded-mtext">Inbox</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="email-read.htm">
                                            <span class="pcoded-mtext">Read Mail</span>
                                        </a>
                                    </li>
                                    <li class="pcoded-hasmenu ">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Email Template</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-welcome.htm">
                                                    <span class="pcoded-mtext">Welcome Email</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-password.htm">
                                                    <span class="pcoded-mtext">Reset Password</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-newsletter.htm">
                                                    <span class="pcoded-mtext">Newsletter Email</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-launch.htm">
                                                    <span class="pcoded-mtext">App Launch</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-activation.htm">
                                                    <span class="pcoded-mtext">Activation Code</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">App</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class=" ">
                                <a href="chat.htm">
                                    <span class="pcoded-micon"><i class="feather icon-message-square"></i></span>
                                    <span class="pcoded-mtext">Chat</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-globe"></i></span>
                                    <span class="pcoded-mtext">Social</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="fb-wall.htm">
                                            <span class="pcoded-mtext">Wall</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="message.htm">
                                            <span class="pcoded-mtext">Messages</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-check-circle"></i></span>
                                    <span class="pcoded-mtext">Task</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="task-list.htm">
                                            <span class="pcoded-mtext">Task List</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="task-board.htm">
                                            <span class="pcoded-mtext">Task Board</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="task-detail.htm">
                                            <span class="pcoded-mtext">Task Detail</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="issue-list.htm">
                                            <span class="pcoded-mtext">Issue List</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-bookmark"></i></span>
                                    <span class="pcoded-mtext">To-Do</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="todo.htm">
                                            <span class="pcoded-mtext">To-Do</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="notes.htm">
                                            <span class="pcoded-mtext">Notes</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-image"></i></span>
                                    <span class="pcoded-mtext">Gallery</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="gallery-grid.htm">
                                            <span class="pcoded-mtext">Gallery-Grid</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="gallery-masonry.htm">
                                            <span class="pcoded-mtext">Masonry Gallery</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="gallery-advance.htm">
                                            <span class="pcoded-mtext">Advance Gallery</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-search"></i><b>S</b></span>
                                    <span class="pcoded-mtext">Search</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="search-result.htm">
                                            <span class="pcoded-mtext">Simple Search</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="search-result2.htm">
                                            <span class="pcoded-mtext">Grouping Search</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-award"></i></span>
                                    <span class="pcoded-mtext">Job Search</span>
                                    <span class="pcoded-badge label label-danger">NEW</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="job-card-view.htm">
                                            <span class="pcoded-mtext">Card View</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="job-details.htm">
                                            <span class="pcoded-mtext">Job Detailed</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="job-find.htm">
                                            <span class="pcoded-mtext">Job Find</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="job-panel-view.htm">
                                            <span class="pcoded-mtext">Job Panel View</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Extension</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-file-plus"></i></span>
                                    <span class="pcoded-mtext">Editor</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="ck-editor.htm">
                                            <span class="pcoded-mtext">CK-Editor</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="wysiwyg-editor.htm">
                                            <span class="pcoded-mtext">WYSIWYG Editor</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="ace-editor.htm">
                                            <span class="pcoded-mtext">Ace Editor</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="long-press-editor.htm">
                                            <span class="pcoded-mtext">Long Press Editor</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-file-minus"></i></span>
                                    <span class="pcoded-mtext">Invoice</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="invoice.htm">
                                            <span class="pcoded-mtext">Invoice</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="invoice-summary.htm">
                                            <span class="pcoded-mtext">Invoice Summary</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="invoice-list.htm">
                                            <span class="pcoded-mtext">Invoice List</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-calendar"></i></span>
                                    <span class="pcoded-mtext">Event Calendar</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="event-full-calender.htm">
                                            <span class="pcoded-mtext">Full Calendar</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="event-clndr.htm">
                                            <span class="pcoded-mtext">CLNDER</span>
                                            <span class="pcoded-badge label label-info">NEW</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="image-crop.htm">
                                    <span class="pcoded-micon"><i class="feather icon-scissors"></i></span>
                                    <span class="pcoded-mtext">Image Cropper</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="file-upload.htm">
                                    <span class="pcoded-micon"><i class="feather icon-upload-cloud"></i></span>
                                    <span class="pcoded-mtext">File Upload</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="change-loges.htm">
                                    <span class="pcoded-micon"><i class="feather icon-briefcase"></i><b>CL</b></span>
                                    <span class="pcoded-mtext">Change Loges</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Other</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-list"></i></span>
                                    <span class="pcoded-mtext">Menu Levels</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Menu Level 2.1</span>
                                        </a>
                                    </li>
                                    <li class="pcoded-hasmenu ">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Menu Level 2.2</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class="">
                                                <a href="javascript:void(0)">
                                                    <span class="pcoded-mtext">Menu Level 3.1</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Menu Level 2.3</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                            <li class="">
                                <a href="javascript:void(0)" class="disabled">
                                    <span class="pcoded-micon"><i class="feather icon-power"></i></span>
                                    <span class="pcoded-mtext">Disabled Menu</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="sample-page.htm">
                                    <span class="pcoded-micon"><i class="feather icon-watch"></i></span>
                                    <span class="pcoded-mtext">Sample Page</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Support</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="">
                                <a href="http://html.codedthemes.com/Adminty/doc" target="_blank">
                                    <span class="pcoded-micon"><i class="feather icon-monitor"></i></span>
                                    <span class="pcoded-mtext">Documentation</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="#" target="_blank">
                                    <span class="pcoded-micon"><i class="feather icon-help-circle"></i></span>
                                    <span class="pcoded-mtext">Submit Issue</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </nav>
                <div class="pcoded-content">
                    <div class="pcoded-inner-content">
                        <!-- Main-body start -->
                        <div class="main-body">
                            <div class="page-wrapper">
                                <!-- Page-header start -->
                                <div class="page-header">
                                    <div class="row align-items-end">
                                        <div class="col-lg-8">
                                            <div class="page-header-title">
                                                <div class="d-inline">
                                                    <h4>Material-Design-Icons</h4>
                                                    <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="page-header-breadcrumb">
                                                <ul class="breadcrumb-title">
                                                    <li class="breadcrumb-item">
                                                        <a href="index-1.htm"> <i class="feather icon-home"></i> </a>
                                                    </li>
                                                    <li class="breadcrumb-item"><a href="#!">Icons</a>
                                                    </li>
                                                    <li class="breadcrumb-item"><a href="#">Material-Design-Icons</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Page-header end -->
                                   
                                    <!-- Page body start -->
                                    <div class="page-body">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- New icons card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> New Icons</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-group"></i> <span>group</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-rss"></i> <span>rss</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-shape"></i> <span>shape</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-spinner"></i> <span>spinner</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-ungroup"></i> <span>ungroup</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-500px"></i> <span>500px</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-8tracks"></i> <span>8tracks</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-amazon"></i> <span>amazon</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-blogger"></i> <span>blogger</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-delicious"></i> <span>delicious</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-disqus"></i> <span>disqus</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flattr"></i> <span>flattr</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flickr"></i> <span>flickr</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-github-alt"></i> <span>github-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-google-old"></i> <span>google-old</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-linkedin"></i> <span>linkedin</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-odnoklassniki"></i> <span>odnoklassniki</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-outlook"></i> <span>outlook</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-paypal-alt"></i> <span>paypal-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pinterest"></i> <span>pinterest</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-playstation"></i> <span>playstation</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-reddit"></i> <span>reddit</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-skype"></i> <span>skype</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-slideshare"></i> <span>slideshare</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-soundcloud"></i> <span>soundcloud</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tumblr"></i> <span>tumblr</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-twitch"></i> <span>twitch</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-vimeo"></i> <span>vimeo</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-whatsapp"></i> <span>whatsapp</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-xbox"></i> <span>xbox</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-yahoo"></i> <span>yahoo</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-youtube-play"></i> <span>youtube-play</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-youtube"></i> <span>youtube</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- New icons card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Web Application card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Web Application</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-3d-rotation"></i> <span>3d-rotation</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-airplane-off"></i> <span>airplane-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-airplane"></i> <span>airplane</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-album"></i> <span>album</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-archive"></i> <span>archive</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-assignment-account"></i> <span>assignment-account</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-assignment-alert"></i> <span>assignment-alert</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-assignment-check"></i> <span>assignment-check</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-assignment-o"></i> <span>assignment-o</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-assignment-return"></i> <span>assignment-return</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-assignment-returned"></i>
                                                                    <span>assignment-returned</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-assignment"></i> <span>assignment</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-attachment-alt"></i> <span>attachment-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-attachment"></i> <span>attachment</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-audio"></i> <span>audio</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-badge-check"></i> <span>badge-check</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-balance-wallet"></i> <span>balance-wallet</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-balance"></i> <span>balance</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-battery-alert"></i> <span>battery-alert</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-battery-flash"></i> <span>battery-flash</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-battery-unknown"></i> <span>battery-unknown</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-battery"></i> <span>battery</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bike"></i> <span>bike</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-block-alt"></i> <span>block-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-block"></i> <span>block</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-boat"></i> <span>boat</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-book-image"></i> <span>book-image</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-book"></i> <span>book</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bookmark-outline"></i> <span>bookmark-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bookmark"></i> <span>bookmark</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-brush"></i> <span>brush</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bug"></i> <span>bug</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bus"></i> <span>bus</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cake"></i> <span>cake</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-car-taxi"></i> <span>car-taxi</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-car-wash"></i> <span>car-wash</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-car"></i> <span>car</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card-giftcard"></i> <span>card-giftcard</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card-membership"></i> <span>card-membership</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card-travel"></i> <span>card-travel</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card"></i> <span>card</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-case-check"></i> <span>case-check</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-case-download"></i> <span>case-download</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-case-play"></i> <span>case-play</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-case"></i> <span>case</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cast-connected"></i> <span>cast-connected</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cast"></i> <span>cast</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-chart-donut"></i> <span>chart-donut</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-chart"></i> <span>chart</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-city-alt"></i> <span>city-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-city"></i> <span>city</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-close-circle-o"></i> <span>close-circle-o</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-close-circle"></i> <span>close-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-close"></i> <span>close</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cocktail"></i> <span>cocktail</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-code-setting"></i> <span>code-setting</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-code-smartphone"></i> <span>code-smartphone</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-code"></i> <span>code</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-coffee"></i> <span>coffee</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-bookmark"></i>
                                                                    <span>collection-bookmark</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-case-play"></i>
                                                                    <span>collection-case-play</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-folder-image"></i>
                                                                    <span>collection-folder-image</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-image-o"></i> <span>collection-image-o</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-image"></i> <span>collection-image</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-1"></i> <span>collection-item-1</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-2"></i> <span>collection-item-2</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-3"></i> <span>collection-item-3</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-4"></i> <span>collection-item-4</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-5"></i> <span>collection-item-5</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-6"></i> <span>collection-item-6</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-7"></i> <span>collection-item-7</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-8"></i> <span>collection-item-8</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-9-plus"></i>
                                                                    <span>collection-item-9-plus</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item-9"></i> <span>collection-item-9</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-item"></i> <span>collection-item</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-music"></i> <span>collection-music</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-pdf"></i> <span>collection-pdf</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-plus"></i> <span>collection-plus</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-speaker"></i> <span>collection-speaker</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-text"></i> <span>collection-text</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-collection-video"></i> <span>collection-video</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-compass"></i> <span>compass</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cutlery"></i> <span>cutlery</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-delete"></i> <span>delete</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-dialpad"></i> <span>dialpad</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-dns"></i> <span>dns</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-drink"></i> <span>drink</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-edit"></i> <span>edit</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-email-open"></i> <span>email-open</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-email"></i> <span>email</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-eye-off"></i> <span>eye-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-eye"></i> <span>eye</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-eyedropper"></i> <span>eyedropper</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-favorite-outline"></i> <span>favorite-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-favorite"></i> <span>favorite</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-filter-list"></i> <span>filter-list</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-fire"></i> <span>fire</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flag"></i> <span>flag</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flare"></i> <span>flare</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flash-auto"></i> <span>flash-auto</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flash-off"></i> <span>flash-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flash"></i> <span>flash</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flip"></i> <span>flip</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flower-alt"></i> <span>flower-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-flower"></i> <span>flower</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-font"></i> <span>font</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-fullscreen-alt"></i> <span>fullscreen-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-fullscreen-exit"></i> <span>fullscreen-exit</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-fullscreen"></i> <span>fullscreen</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-functions"></i> <span>functions</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-gas-station"></i> <span>gas-station</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-gesture"></i> <span>gesture</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-globe-alt"></i> <span>globe-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-globe-lock"></i> <span>globe-lock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-globe"></i> <span>globe</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-graduation-cap"></i> <span>graduation-cap</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-group"></i> <span>group</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-home"></i> <span>home</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-hospital-alt"></i> <span>hospital-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-hospital"></i> <span>hospital</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-hotel"></i> <span>hotel</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-hourglass-alt"></i> <span>hourglass-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-hourglass-outline"></i> <span>hourglass-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-hourglass"></i> <span>hourglass</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-http"></i> <span>http</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-image-alt"></i> <span>image-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-image-o"></i> <span>image-o</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-image"></i> <span>image</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-inbox"></i> <span>inbox</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-invert-colors-off"></i> <span>invert-colors-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-invert-colors"></i> <span>invert-colors</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-key"></i> <span>key</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-label-alt-outline"></i> <span>label-alt-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-label-alt"></i> <span>label-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-label-heart"></i> <span>label-heart</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-label"></i> <span>label</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-labels"></i> <span>labels</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-lamp"></i> <span>lamp</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-landscape"></i> <span>landscape</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-layers-off"></i> <span>layers-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-layers"></i> <span>layers</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-library"></i> <span>library</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-link"></i> <span>link</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-lock-open"></i> <span>lock-open</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-lock-outline"></i> <span>lock-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-lock"></i> <span>lock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mail-reply-all"></i> <span>mail-reply-all</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mail-reply"></i> <span>mail-reply</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mail-send"></i> <span>mail-send</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mall"></i> <span>mall</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-map"></i> <span>map</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-menu"></i> <span>menu</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-money-box"></i> <span>money-box</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-money-off"></i> <span>money-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-money"></i> <span>money</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-more-vert"></i> <span>more-vert</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-more"></i> <span>more</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-movie-alt"></i> <span>movie-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-movie"></i> <span>movie</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-nature-people"></i> <span>nature-people</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-nature"></i> <span>nature</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-navigation"></i> <span>navigation</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-open-in-browser"></i> <span>open-in-browser</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-open-in-new"></i> <span>open-in-new</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-palette"></i> <span>palette</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-parking"></i> <span>parking</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-account"></i> <span>pin-account</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-assistant"></i> <span>pin-assistant</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-drop"></i> <span>pin-drop</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-help"></i> <span>pin-help</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-off"></i> <span>pin-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin"></i> <span>pin</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pizza"></i> <span>pizza</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-plaster"></i> <span>plaster</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-power-setting"></i> <span>power-setting</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-power"></i> <span>power</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-print"></i> <span>print</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-puzzle-piece"></i> <span>puzzle-piece</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-quote"></i> <span>quote</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-railway"></i> <span>railway</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-receipt"></i> <span>receipt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-refresh-alt"></i> <span>refresh-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-refresh-sync-alert"></i> <span>refresh-sync-alert</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-refresh-sync-off"></i> <span>refresh-sync-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-refresh-sync"></i> <span>refresh-sync</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-refresh"></i> <span>refresh</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-roller"></i> <span>roller</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-ruler"></i> <span>ruler</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-scissors"></i> <span>scissors</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-screen-rotation-lock"></i>
                                                                    <span>screen-rotation-lock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-screen-rotation"></i> <span>screen-rotation</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-search-for"></i> <span>search-for</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-search-in-file"></i> <span>search-in-file</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-search-in-page"></i> <span>search-in-page</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-search-replace"></i> <span>search-replace</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-search"></i> <span>search</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-seat"></i> <span>seat</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-settings-square"></i> <span>settings-square</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-settings"></i> <span>settings</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-shape"></i> <span>shape</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-shield-check"></i> <span>shield-check</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-shield-security"></i> <span>shield-security</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-shopping-basket"></i> <span>shopping-basket</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-shopping-cart-plus"></i> <span>shopping-cart-plus</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-shopping-cart"></i> <span>shopping-cart</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-sign-in"></i> <span>sign-in</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-sort-amount-asc"></i> <span>sort-amount-asc</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-sort-amount-desc"></i> <span>sort-amount-desc</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-sort-asc"></i> <span>sort-asc</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-sort-desc"></i> <span>sort-desc</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-spellcheck"></i> <span>spellcheck</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-spinner"></i> <span>spinner</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-storage"></i> <span>storage</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-store-24"></i> <span>store-24</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-store"></i> <span>store</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-subway"></i> <span>subway</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-sun"></i> <span>sun</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tab-unselected"></i> <span>tab-unselected</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tab"></i> <span>tab</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tag-close"></i> <span>tag-close</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tag-more"></i> <span>tag-more</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tag"></i> <span>tag</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-thumb-down"></i> <span>thumb-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-thumb-up-down"></i> <span>thumb-up-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-thumb-up"></i> <span>thumb-up</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-ticket-star"></i> <span>ticket-star</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-toll"></i> <span>toll</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-toys"></i> <span>toys</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-traffic"></i> <span>traffic</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-translate"></i> <span>translate</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-triangle-down"></i> <span>triangle-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-triangle-up"></i> <span>triangle-up</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-truck"></i> <span>truck</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-turning-sign"></i> <span>turning-sign</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-ungroup"></i> <span>ungroup</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wallpaper"></i> <span>wallpaper</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-washing-machine"></i> <span>washing-machine</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-window-maximize"></i> <span>window-maximize</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-window-minimize"></i> <span>window-minimize</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-window-restore"></i> <span>window-restore</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wrench"></i> <span>wrench</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-zoom-in"></i> <span>zoom-in</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-zoom-out"></i> <span>zoom-out</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Web Application card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Notifications card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Notifications</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-alert-circle-o"></i> <span>alert-circle-o</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-alert-circle"></i> <span>alert-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-alert-octagon"></i> <span>alert-octagon</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-alert-polygon"></i> <span>alert-polygon</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-alert-triangle"></i> <span>alert-triangle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-help-outline"></i> <span>help-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-help"></i> <span>help</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-info-outline"></i> <span>info-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-info"></i> <span>info</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-notifications-active"></i>
                                                                    <span>notifications-active</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-notifications-add"></i> <span>notifications-add</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-notifications-none"></i> <span>notifications-none</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-notifications-off"></i> <span>notifications-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-notifications-paused"></i>
                                                                    <span>notifications-paused</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-notifications"></i> <span>notifications</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Notifications card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Person card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Person</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-add"></i> <span>account-add</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-box-mail"></i> <span>account-box-mail</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-box-o"></i> <span>account-box-o</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-box-phone"></i> <span>account-box-phone</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-box"></i> <span>account-box</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-calendar"></i> <span>account-calendar</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-circle"></i> <span>account-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account-o"></i> <span>account-o</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-account"></i> <span>account</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-accounts-add"></i> <span>accounts-add</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-accounts-alt"></i> <span>accounts-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-accounts-list-alt"></i> <span>accounts-list-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-accounts-list"></i> <span>accounts-list</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-accounts-outline"></i> <span>accounts-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-accounts"></i> <span>accounts</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-face"></i> <span>face</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-female"></i> <span>female</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-male-alt"></i> <span>male-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-male-female"></i> <span>male-female</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-male"></i> <span>male</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mood-bad"></i> <span>mood-bad</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mood"></i> <span>mood</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-run"></i> <span>run</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-walk"></i> <span>walk</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Person card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- File card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5>File</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-box"></i> <span>cloud-box</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-circle"></i> <span>cloud-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-done"></i> <span>cloud-done</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-download"></i> <span>cloud-download</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-off"></i> <span>cloud-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-outline-alt"></i> <span>cloud-outline-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-outline"></i> <span>cloud-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud-upload"></i> <span>cloud-upload</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-cloud"></i> <span>cloud</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-download"></i> <span>download</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-file-plus"></i> <span>file-plus</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-file-text"></i> <span>file-text</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-file"></i> <span>file</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-folder-outline"></i> <span>folder-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-folder-person"></i> <span>folder-person</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-folder-star-alt"></i> <span>folder-star-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-folder-star"></i> <span>folder-star</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-folder"></i> <span>folder</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-gif"></i> <span>gif</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-upload"></i> <span>upload</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- File card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Editor card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Editor</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-all"></i> <span>border-all</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-bottom"></i> <span>border-bottom</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-clear"></i> <span>border-clear</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-color"></i> <span>border-color</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-horizontal"></i> <span>border-horizontal</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-inner"></i> <span>border-inner</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-left"></i> <span>border-left</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-outer"></i> <span>border-outer</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-right"></i> <span>border-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-style"></i> <span>border-style</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-top"></i> <span>border-top</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-border-vertical"></i> <span>border-vertical</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-copy"></i> <span>copy</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-crop"></i> <span>crop</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-align-center"></i>
                                                                    <span>format-align-center</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-align-justify"></i>
                                                                    <span>format-align-justify</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-align-left"></i> <span>format-align-left</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-align-right"></i> <span>format-align-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-bold"></i> <span>format-bold</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-clear-all"></i> <span>format-clear-all</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-clear"></i> <span>format-clear</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-color-fill"></i> <span>format-color-fill</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-color-reset"></i> <span>format-color-reset</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-color-text"></i> <span>format-color-text</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-indent-decrease"></i>
                                                                    <span>format-indent-decrease</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-indent-increase"></i>
                                                                    <span>format-indent-increase</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-italic"></i> <span>format-italic</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-line-spacing"></i>
                                                                    <span>format-line-spacing</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-list-bulleted"></i>
                                                                    <span>format-list-bulleted</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-list-numbered"></i>
                                                                    <span>format-list-numbered</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-ltr"></i> <span>format-ltr</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-rtl"></i> <span>format-rtl</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-size"></i> <span>format-size</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-strikethrough-s"></i>
                                                                    <span>format-strikethrough-s</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-strikethrough"></i>
                                                                    <span>format-strikethrough</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-subject"></i> <span>format-subject</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-underlined"></i> <span>format-underlined</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-valign-bottom"></i>
                                                                    <span>format-valign-bottom</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-valign-center"></i>
                                                                    <span>format-valign-center</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-format-valign-top"></i> <span>format-valign-top</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-redo"></i> <span>redo</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-select-all"></i> <span>select-all</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-space-bar"></i> <span>space-bar</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-text-format"></i> <span>text-format</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-transform"></i> <span>transform</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-undo"></i> <span>undo</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wrap-text"></i> <span>wrap-text</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Editor card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Comment card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Comment</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-alert"></i> <span>comment-alert</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-alt-text"></i> <span>comment-alt-text</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-alt"></i> <span>comment-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-edit"></i> <span>comment-edit</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-image"></i> <span>comment-image</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-list"></i> <span>comment-list</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-more"></i> <span>comment-more</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-outline"></i> <span>comment-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-text-alt"></i> <span>comment-text-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-text"></i> <span>comment-text</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment-video"></i> <span>comment-video</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comment"></i> <span>comment</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-comments"></i> <span>comments</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Comment card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Hardware card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Hardware</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bluetooth-connected"></i>
                                                                    <span>bluetooth-connected</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bluetooth-off"></i> <span>bluetooth-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bluetooth-search"></i> <span>bluetooth-search</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bluetooth-setting"></i> <span>bluetooth-setting</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-bluetooth"></i> <span>bluetooth</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-add"></i> <span>camera-add</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-alt"></i> <span>camera-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-bw"></i> <span>camera-bw</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-front"></i> <span>camera-front</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-mic"></i> <span>camera-mic</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-party-mode"></i> <span>camera-party-mode</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-rear"></i> <span>camera-rear</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-roll"></i> <span>camera-roll</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera-switch"></i> <span>camera-switch</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-camera"></i> <span>camera</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card-alert"></i> <span>card-alert</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card-off"></i> <span>card-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card-sd"></i> <span>card-sd</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-card-sim"></i> <span>card-sim</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-desktop-mac"></i> <span>desktop-mac</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-desktop-windows"></i> <span>desktop-windows</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-device-hub"></i> <span>device-hub</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-devices-off"></i> <span>devices-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-devices"></i> <span>devices</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-dock"></i> <span>dock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-floppy"></i> <span>floppy</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-gamepad"></i> <span>gamepad</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-gps-dot"></i> <span>gps-dot</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-gps-off"></i> <span>gps-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-gps"></i> <span>gps</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-headset-mic"></i> <span>headset-mic</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-headset"></i> <span>headset</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-input-antenna"></i> <span>input-antenna</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-input-composite"></i> <span>input-composite</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-input-hdmi"></i> <span>input-hdmi</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-input-power"></i> <span>input-power</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-input-svideo"></i> <span>input-svideo</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-keyboard-hide"></i> <span>keyboard-hide</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-keyboard"></i> <span>keyboard</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-laptop-chromebook"></i> <span>laptop-chromebook</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-laptop-mac"></i> <span>laptop-mac</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-laptop"></i> <span>laptop</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mic-off"></i> <span>mic-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mic-outline"></i> <span>mic-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mic-setting"></i> <span>mic-setting</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mic"></i> <span>mic</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-mouse"></i> <span>mouse</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-network-alert"></i> <span>network-alert</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-network-locked"></i> <span>network-locked</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-network-off"></i> <span>network-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-network-outline"></i> <span>network-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-network-setting"></i> <span>network-setting</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-network"></i> <span>network</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-bluetooth"></i> <span>phone-bluetooth</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-end"></i> <span>phone-end</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-forwarded"></i> <span>phone-forwarded</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-in-talk"></i> <span>phone-in-talk</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-locked"></i> <span>phone-locked</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-missed"></i> <span>phone-missed</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-msg"></i> <span>phone-msg</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-paused"></i> <span>phone-paused</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-ring"></i> <span>phone-ring</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-setting"></i> <span>phone-setting</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone-sip"></i> <span>phone-sip</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-phone"></i> <span>phone</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-portable-wifi-changes"></i>
                                                                    <span>portable-wifi-changes</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-portable-wifi-off"></i> <span>portable-wifi-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-portable-wifi"></i> <span>portable-wifi</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-radio"></i> <span>radio</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-reader"></i> <span>reader</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-remote-control-alt"></i> <span>remote-control-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-remote-control"></i> <span>remote-control</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-router"></i> <span>router</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-scanner"></i> <span>scanner</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-android"></i> <span>smartphone-android</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-download"></i>
                                                                    <span>smartphone-download</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-erase"></i> <span>smartphone-erase</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-info"></i> <span>smartphone-info</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-iphone"></i> <span>smartphone-iphone</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-landscape-lock"></i>
                                                                    <span>smartphone-landscape-lock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-landscape"></i>
                                                                    <span>smartphone-landscape</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-lock"></i> <span>smartphone-lock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-portrait-lock"></i>
                                                                    <span>smartphone-portrait-lock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-ring"></i> <span>smartphone-ring</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-setting"></i> <span>smartphone-setting</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone-setup"></i> <span>smartphone-setup</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-smartphone"></i> <span>smartphone</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-speaker"></i> <span>speaker</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tablet-android"></i> <span>tablet-android</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tablet-mac"></i> <span>tablet-mac</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tablet"></i> <span>tablet</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tv-alt-play"></i> <span>tv-alt-play</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tv-list"></i> <span>tv-list</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tv-play"></i> <span>tv-play</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-tv"></i> <span>tv</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-usb"></i> <span>usb</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-videocam-off"></i> <span>videocam-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-videocam-switch"></i> <span>videocam-switch</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-videocam"></i> <span>videocam</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-watch"></i> <span>watch</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wifi-alt-2"></i> <span>wifi-alt-2</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wifi-alt"></i> <span>wifi-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wifi-info"></i> <span>wifi-info</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wifi-lock"></i> <span>wifi-lock</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wifi-off"></i> <span>wifi-off</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wifi-outline"></i> <span>wifi-outline</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-wifi"></i> <span>wifi</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Hardware card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Directional card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Directional</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrow-left-bottom"></i> <span>arrow-left-bottom</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrow-left"></i> <span>arrow-left</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrow-merge"></i> <span>arrow-merge</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrow-missed"></i> <span>arrow-missed</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrow-right-top"></i> <span>arrow-right-top</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrow-right"></i> <span>arrow-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrow-split"></i> <span>arrow-split</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-arrows"></i> <span>arrows</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-down-circle"></i> <span>caret-down-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-down"></i> <span>caret-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-left-circle"></i> <span>caret-left-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-left"></i> <span>caret-left</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-right-circle"></i> <span>caret-right-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-right"></i> <span>caret-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-up-circle"></i> <span>caret-up-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-caret-up"></i> <span>caret-up</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-chevron-down"></i> <span>chevron-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-chevron-left"></i> <span>chevron-left</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-chevron-right"></i> <span>chevron-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-chevron-up"></i> <span>chevron-up</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-forward"></i> <span>forward</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-long-arrow-down"></i> <span>long-arrow-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-long-arrow-left"></i> <span>long-arrow-left</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-long-arrow-return"></i> <span>long-arrow-return</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-long-arrow-right"></i> <span>long-arrow-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-long-arrow-tab"></i> <span>long-arrow-tab</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-long-arrow-up"></i> <span>long-arrow-up</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-rotate-ccw"></i> <span>rotate-ccw</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-rotate-cw"></i> <span>rotate-cw</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-rotate-left"></i> <span>rotate-left</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-rotate-right"></i> <span>rotate-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-square-down"></i> <span>square-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-square-right"></i> <span>square-right</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-swap-alt"></i> <span>swap-alt</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-swap-vertical-circle"></i>
                                                                    <span>swap-vertical-circle</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-swap-vertical"></i> <span>swap-vertical</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-swap"></i> <span>swap</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-trending-down"></i> <span>trending-down</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-trending-flat"></i> <span>trending-flat</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-trending-up"></i> <span>trending-up</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-unfold-less"></i> <span>unfold-less</span>
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-unfold-more"></i> <span>unfold-more</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Directional card end -->
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Map (aliases) card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5> Map (aliases) </h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main icon-list-demo">
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-bike"></i> zmdi-directions-bike
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-boat"></i> zmdi-directions-boat
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-bus"></i> zmdi-directions-bus
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-car"></i> zmdi-directions-car
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-railway"></i> zmdi-directions-railway
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-run"></i> zmdi-directions-run
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-subway"></i> zmdi-directions-subway
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions-walk"></i> zmdi-directions-walk
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-directions"></i> zmdi-directions
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-layers-off"></i> zmdi-layers-off
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-layers"></i> zmdi-layers
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-activity"></i> zmdi-local-activity
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-airport"></i> zmdi-local-airport
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-atm"></i> zmdi-local-atm
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-bar"></i> zmdi-local-bar
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-cafe"></i> zmdi-local-cafe
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-car-wash"></i> zmdi-local-car-wash
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-convenience-store"></i> zmdi-local-convenience-store
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-dining"></i> zmdi-local-dining
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-drink"></i> zmdi-local-drink
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-florist"></i> zmdi-local-florist
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-gas-station"></i> zmdi-local-gas-station
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-grocery-store"></i> zmdi-local-grocery-store
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-hospital"></i> zmdi-local-hospital
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-hotel"></i> zmdi-local-hotel
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-laundry-service"></i> zmdi-local-laundry-service
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-library"></i> zmdi-local-library
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-mall"></i> zmdi-local-mall
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-movies"></i> zmdi-local-movies
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-offer"></i> zmdi-local-offer
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-parking"></i> zmdi-local-parking
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-pharmacy"></i> zmdi-local-pharmacy
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-phone"></i> zmdi-local-phone
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-pizza"></i> zmdi-local-pizza
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-activity"></i> zmdi-local-activity
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-post-office"></i> zmdi-local-post-office
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-printshop"></i> zmdi-local-printshop
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-see"></i> zmdi-local-see
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-shipping"></i> zmdi-local-shipping
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-store"></i> zmdi-local-store
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-taxi"></i> zmdi-local-taxi
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-local-wc"></i> zmdi-local-wc
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-map"></i> zmdi-map
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-my-location"></i> zmdi-my-location
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-nature-people"></i> zmdi-nature-people
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-nature"></i> zmdi-nature
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-navigation"></i> zmdi-navigation
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-account"></i> zmdi-pin-account
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-assistant"></i> zmdi-pin-assistant
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-drop"></i> zmdi-pin-drop
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-help"></i> zmdi-pin-help
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin-off"></i> zmdi-pin-off
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-pin"></i> zmdi-pin
                                                                </div>
                                                                <div class="col-sm-6 col-md-4 col-lg-4 col-xl-3 col-xs-12 m-b-10 outer-ellipsis">
                                                                    <i class="zmdi zmdi-traffic"></i> zmdi-traffic
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Map (aliases) card end -->
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Page body end -->
                                </div>
                            </div>
                            <!-- Main-body end -->
                            <div id="styleSelector">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- Modal start -->
    <div class="modal fade modal-icon" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Material Design Icons</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="icon-list-demo">
                                <i id="icon" class="fa fa-wpbeginner fa-lg"></i>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                Name
                                <input class="form-control" type="text" id="name" value="fa fa-wpbeginner">
                            </div>
                            <div class="form-group">
                                Code
                                <input class="form-control" type="text" id="code" value='<i class="fa fa-wpbeginner"></i>'>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal end -->
    <!-- Warning Section Starts -->
    <!-- Older IE warning message -->
    <!--[if lt IE 10]>
<div class="ie-warning">
    <h1>Warning!!</h1>
    <p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
    <div class="iew-container">
        <ul class="iew-download">
            <li>
                <a href="http://www.google.com/chrome/">
                    <img src="../files/assets/images/browser/chrome.png" alt="Chrome">
                    <div>Chrome</div>
                </a>
            </li>
            <li>
                <a href="https://www.mozilla.org/en-US/firefox/new/">
                    <img src="../files/assets/images/browser/firefox.png" alt="Firefox">
                    <div>Firefox</div>
                </a>
            </li>
            <li>
                <a href="http://www.opera.com">
                    <img src="../files/assets/images/browser/opera.png" alt="Opera">
                    <div>Opera</div>
                </a>
            </li>
            <li>
                <a href="https://www.apple.com/safari/">
                    <img src="../files/assets/images/browser/safari.png" alt="Safari">
                    <div>Safari</div>
                </a>
            </li>
            <li>
                <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                    <img src="../files/assets/images/browser/ie.png" alt="">
                    <div>IE (9 & above)</div>
                </a>
            </li>
        </ul>
    </div>
    <p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
    <!-- Warning Section Ends -->
    <!-- Required Jquery -->
    <script type="text/javascript" src="..\files\bower_components\jquery\js\jquery.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\jquery-ui\js\jquery-ui.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\popper.js\js\popper.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\bootstrap\js\bootstrap.min.js"></script>
    <!-- jquery slimscroll js -->
    <script type="text/javascript" src="..\files\bower_components\jquery-slimscroll\js\jquery.slimscroll.js"></script>
    <!-- modernizr js -->
    <script type="text/javascript" src="..\files\bower_components\modernizr\js\modernizr.js"></script>
    <script type="text/javascript" src="..\files\bower_components\modernizr\js\css-scrollbars.js"></script>

    <!-- i18next.min.js -->
    <script type="text/javascript" src="..\files\bower_components\i18next\js\i18next.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\i18next-xhr-backend\js\i18nextXHRBackend.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\i18next-browser-languagedetector\js\i18nextBrowserLanguageDetector.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\jquery-i18next\js\jquery-i18next.min.js"></script>
    <!-- Custom js -->
    <script type="text/javascript" src="..\files\assets\pages\icon-modal.js"></script>

    <script src="..\files\assets\js\pcoded.min.js"></script>
    <script src="..\files\assets\js\vartical-layout.min.js"></script>
    <script src="..\files\assets\js\jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="..\files\assets\js\script.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>
</body>

</html>
